<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>礼拜五-首页</title>
    <link rel="stylesheet" href="./stylesheets/reset.css">
    <link rel="stylesheet" href="./stylesheets/bootstrap.min.css">
    <link rel="stylesheet" href="./stylesheets/lyjNav.css">
    <link rel="stylesheet" href="./stylesheets/lyjcss/index.css">
    <link rel="stylesheet" href="./stylesheets/lyjcss/Base.css">
    <link href="http:////at.alicdn.com/t/font_1512981_qy3wz899e7.css" rel="stylesheet">
    <link rel="stylesheet" href="./stylesheets/swiper.min.css">
    <link rel="stylesheet" href="./stylesheets/model.css">
    <style>
        /* .allType img{
            width: 100%;
        } */
    </style>
</head>

<body>
    <div id="myModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
        aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content"></div>
        </div>
    </div>
    <!--   <header></header> -->
    <div id="lxcbox">
        <div id="lxcheader"></div>
        <div id="lxcsearch"></div>
    </div>
    <div class="navwrap clear">
        <div id="nav"></div>
        <div class="tradecate clear"></div>
    </div>
    <div class="wrap">
        <div class="swiper-container swiper1">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./images/lyjimg/swiper1.png" alt=""></div>
                <div class="swiper-slide"><img src="./images/lyjimg/swiper1.png" alt=""></div>
                <div class="swiper-slide"><img src="./images/lyjimg/swiper1.png" alt=""></div>
                <div class="swiper-slide"><img src="./images/lyjimg/swiper1.png" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <div class="activity">

            <div class="sea">
                <div class="allType clear">
                    <div>
                        <div class="aImg">
                            <img src="./images/lyjimg/friday2.png" alt="">
                        </div>
                        <div class="Info">
                            <h4>新西兰佳沛黄金奇异果</h4>
                            <span>果肉绵密、百尺不厌</span>
                            <p>
                                <span>￥28.8</span>
                                <s>￥40.00</s>
                                <i class="iconfont icon-gouwuche"></i>
                            </p>
                        </div>
                    </div>
                    <div>
                        <div class="aImg">
                            <img src="./images/lyjimg/friday2.png" alt="">
                        </div>
                        <div class="Info">
                            <h4>新西兰佳沛黄金奇异果</h4>
                            <span>果肉绵密、百尺不厌</span>
                            <p>
                                <span>￥28.8</span>
                                <s>￥40.00</s>
                                <i class="iconfont icon-gouwuche"></i>
                            </p>
                        </div>
                    </div>
                    <div>
                        <div class="aImg">
                            <img src="./images/lyjimg/friday2.png" alt="">
                        </div>
                        <div class="Info">
                            <h4>新西兰佳沛黄金奇异果</h4>
                            <span>果肉绵密、百尺不厌</span>
                            <p>
                                <span>￥28.8</span>
                                <s>￥40.00</s>
                                <i class="iconfont icon-gouwuche"></i>
                            </p>
                        </div>
                    </div>
                    <div>
                        <div class="aImg">
                            <img src="./images/lyjimg/friday2.png" alt="">
                        </div>
                        <div class="Info">
                            <h4>新西兰佳沛黄金奇异果</h4>
                            <span>果肉绵密、百尺不厌</span>
                            <p>
                                <span>￥28.8</span>
                                <s>￥40.00</s>
                                <i class="iconfont icon-gouwuche"></i>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div id="lxcfooter">
        <div id="lxcfooter1"></div>
        <div id="lxcfooter2"></div>
        <div id="lxcbottom"></div>
    </div>
    <div id="myModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
        aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
            </div>
        </div>
    </div>
</body>
<script src="./javascripts/jquery-3.4.1.min.js"></script>
<script src="./javascripts/lxcheader.js"></script>
<script src="./javascripts/bootstrap.min.js"></script>
<script src="./javascripts/swiper.min.js"></script>
<script src="./javascripts/lyjNav.js"></script>
<script>
    var mySwiper = new Swiper('.swiper1', {
        autoplay: 5000, //可选选项，自动滑动
        pagination: '.swiper-pagination',
        paginationClickable: true,
        paginationBulletRender: function (swiper, index, className) {
            return '<span class="' + className + '"></span>';
        }
    })
    var mySwiper = new Swiper('.swiper2', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        paginationBulletRender: function (swiper, index, className) {
            return '<span class="' + className + '"></span>';
        }
    })
    $('#nav>div').removeClass('active');
    $('#nav>div:eq(4)').addClass('active');
    {

        $(".allType>div").click(function (e) {
            window.location.href = '/goodsxq';

        });
    }
    //ajax
    {
        $.ajax({
            type: "post",
            url: "/lxcjifenshangcheng/a",
            data: {

            },
            success: function (response) {
                console.log(response);

                var box = $('<div>').appendTo('.allType');
                var boximg = $('<img>').appendTo(box).attr({
                    src: './images/lyjimg/friday2.png',
                    class: 'aImg'
                });
                var boxcontent = $('<div>').appendTo(box).addClass('Info');
                $('<h4>').appendTo(boxcontent).html('新西兰佳沛黄金奇异果');
                $('<span>').appendTo(boxcontent).html('新西兰佳沛黄金奇异果');
                var boxp = $('<p>').appendTo(boxcontent);
                $('<span>').appendTo(boxp).html('￥28.8');
                $('<s>').appendTo(boxp).html('￥40.00');
                $('<i>').appendTo(boxp).addClass('iconfont icon-gouwuche');
            }
        });
    }
</script>

</html>